<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
request.setCharacterEncoding("utf-8");
%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


		<jsp:include page="../../common/meta/meta.jsp"></jsp:include>
		
		<!-- 引入首页页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/index/index/index.css" />
		<!-- 引入页面css -->
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/rentindex.css" />
		<!-- 引入页面js -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/rentindex.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- 引入日历控件 -->
		<script src="${pageContext.request.contextPath}/static/pcsofangche/source/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
		<div class="rentindex_head">
			<div class="rentindex_head_topone"></div>
			<div class="rentindex_head_toptwo"></div>
			<div class="rentindex_head_content"><jsp:include page="../../common/allhead/allhead.jsp"></jsp:include></div>
		</div>
		<div style="background: url(${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/bg.png);background-position: center center;width: 100%;height: 500px;"></div>
			<div class="container">
				<div class="rentindex_choosemode">
				<div class="rentindex_choosemode_outside">租房车，比普通租车方便</div>
				<div class="rentindex_choosemode_inside">
					
					<div class="rentindex_choosemode_inside_up">
						<div class="rentindex_choosemode_inside_up_pick">
							<div class="rentindex_choosemode_inside_up_pick_word">取车</div>
							<div class="rentindex_choosemode_inside_up_pick_input">
								<input type="text" class="rentindex_choosemode_inside_up_pick_input_item" value="深圳" id="chooseGocity"/>
								<!-- <div class="rentindex_choosemode_inside_up_pick_input_symbol">V</div> -->
							</div>
						</div>
						<div class="rentindex_choosemode_inside_up_return">
							<div class="rentindex_choosemode_inside_up_pick_word">还车</div>
							<div class="rentindex_choosemode_inside_up_pick_input">
								<input type="text" class="rentindex_choosemode_inside_up_pick_input_item" value="深圳" id="chooseBackcity"/>
								<!-- <div class="rentindex_choosemode_inside_up_pick_input_symbol">V</div> -->
							</div>
						</div>
						<div class="rentindex_choosemode_inside_up_time">
							<div class="rentindex_choosemode_inside_up_time_one">租期</div>
							<div class="rentindex_choosemode_inside_up_time_two">
								<input type="text" class="rentindex_choosemode_inside_up_time_two_up" id="chooseGotime"/>
								<input type="text" class="rentindex_choosemode_inside_up_time_two_down" value="09:00" id="chooseGohour"/>
							</div>
							<div class="rentindex_choosemode_inside_up_time_three">
								
								<div class="rentindex_choosemode_inside_up_time_three_time">
									<div class="rentindex_choosemode_inside_up_time_three_time_up">2天</div>
									<div class="rentindex_choosemode_inside_up_time_three_time_down">0小时0分钟</div>
								</div>
								<%-- <div class="rentindex_choosemode_inside_up_time_three_pic">
									<img src="${pageContext.request.contextPath}/static/pcsofangche/index/index/img/index_howtime_middle.png" class="img-responsive rentindex_choosemode_inside_up_time_three_pic_posi" />
								</div> --%>
							</div>
							<div class="rentindex_choosemode_inside_up_time_four">
								<input type="text" class="rentindex_choosemode_inside_up_time_two_up" id="chooseBacktime"/>
								<input type="text" class="rentindex_choosemode_inside_up_time_two_down" value="09:00" id="chooseBackhour"/>
							</div>
						</div>
					</div>
					<div class="rentindex_choosemode_inside_down">
						<input type="button" class="rentindex_choosemode_inside_down_b" value="立即选车" id="chooseTimenow"/>
					</div>										
						<div tabindex="0" class="rentindex_choosemode_one_right_city hidden">
							<div class="index_choosemode_one_right_city_up">
<!-- 								<div class="index_choosemode_one_right_city_up_one">请选择城市</div> -->
								<!-- <div class="index_choosemode_one_right_city_up_two"></div> -->
								<div class="rentindex_choosemode_one_right_city_up_three">
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">热门</div>
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">ABCDE</div>
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">FGHJ</div>
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">KLNQ</div>
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">RSTW</div>
									<div class="rentindex_choosemode_one_right_city_up_three_item shand">XYZ</div>
								</div>
							</div>
							<div class="rentindex_choosemode_one_right_city_down"></div>
						</div>
						
						<div tabindex="0" class="rentindex_choosemode_one_right_timechoose hidden">
							<div class="index_choosemode_one_right_timechoose_left">
								<div class="index_choosemode_one_right_timechoose_left_am">AM</div>
								<div class="index_choosemode_one_right_timechoose_left_pm">PM</div> 
							</div>
							<div class="index_choosemode_one_right_timechoose_right">
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="1">00:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="2">00:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="3">01:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="4">01:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="5">02:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="6">02:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="7">03:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="8">03:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="9">04:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="10">04:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="11">05:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="12">05:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="13">06:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="14">06:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="15">07:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="16">07:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="17">08:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="18">08:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="19">09:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="20">09:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="21">10:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="22">10:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="23">11:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="24">11:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="25">12:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="26">12:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="27">13:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="28">13:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="29">14:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="30">14:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="31">15:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="32">15:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="33">16:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="34">16:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="35">17:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="36">17:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="37">18:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="38">18:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="39">19:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="40">19:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="41">20:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="42">20:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="43">21:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="44">21:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="45">22:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="46">22:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="47">23:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="48">23:30</div>
							</div>
						</div>
						<div tabindex="0" class="rentindex_choosemode_one_right_timechoosereturn hidden">
							<div class="index_choosemode_one_right_timechoose_left">
								<div class="index_choosemode_one_right_timechoose_left_am">AM</div>
								<div class="index_choosemode_one_right_timechoose_left_pm">PM</div> 
							</div>
							<div class="index_choosemode_one_right_timechoose_right">
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="1">00:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="2">00:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="3">01:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="4">01:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="5">02:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="6">02:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="7">03:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="8">03:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="9">04:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="10">04:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="11">05:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="12">05:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="13">06:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="14">06:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="15">07:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="16">07:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="17">08:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="18">08:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="19">09:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="20">09:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="21">10:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="22">10:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="23">11:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="24">11:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="25">12:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="26">12:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="27">13:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="28">13:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="29">14:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="30">14:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="31">15:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="32">15:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="33">16:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="34">16:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="35">17:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="36">17:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="37">18:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="38">18:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="39">19:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="40">19:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="41">20:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="42">20:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="43">21:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="44">21:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="45">22:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="46">22:30</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="47">23:00</div>
								<div class="index_choosemode_one_right_timechoose_right_item shand" data-time="48">23:30</div>
							</div>
						</div>
					</div>
				</div>	
			</div>
	</div>
		<div class="container">
			
			<div class="rentindex_ad row">
				<div class="rentindex_ad_item col-lg-3 col-md-3">
					<div class="rentindex_ad_item_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_service_one.jpg" alt="" class="img-responsive" /></div>
				</div>
				<div class="rentindex_ad_item col-lg-3 col-md-3">
					<div class="rentindex_ad_item_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_service_two.jpg" alt="" class="img-responsive" /></div>
				</div>
				<div class="rentindex_ad_item col-lg-3 col-md-3">
					<div class="rentindex_ad_item_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_service_three.jpg" alt="" class="img-responsive" /></div>
				</div>
				<div class="rentindex_ad_item col-lg-3 col-md-3">
					<div class="rentindex_ad_item_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_service_four.jpg" alt="" class="img-responsive" /></div>
				</div>
			</div>
			
			
			<div class="rentindex_beginone">房车之旅，从这里开始</div>
			<div class="rentindex_city">
				<div class="row rentindex_city_content">
					<div class="col-lg-5 col-md-5 rentindex_city_content_left">
						<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_ad_big.jpg" class="img-responsive rentindex_city_content_left_posi" />
					</div>
					<div class="col-lg-7 col-md-7 rentindex_city_content_right row">
						<!-- <div class="col-lg-4 col-md-4 rentindex_city_content_right_item">
							<div class="rentindex_city_content_right_item_icon"><img src="" alt="" class="img-responsive" /></div>
							<div class="rentindex_city_content_right_item_city">西双版纳</div>
							<text class="hidden"></text>
						</div> -->
					</div>
				</div>
			</div>
			<div class="rentindex_begin">房车拥有很大的空间</div>
			<div class="rentindex_intro">
				<div class="row">
					<div class="col-lg-3 col-md-3 rentindex_intro_content">
						<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_ad_one.jpg" class="img-responsive rentindex_intro_content_icon" />
					</div>
					<div class="col-lg-3 col-md-3 rentindex_intro_content">
						<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_ad_two.jpg" class="img-responsive rentindex_intro_content_icon" />
					</div>
					<div class="col-lg-3 col-md-3 rentindex_intro_content">
						<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_ad_three.jpg" class="img-responsive rentindex_intro_content_icon" />
					</div>
					<div class="col-lg-3 col-md-3 rentindex_intro_content">
						<img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_ad_four.jpg" class="img-responsive rentindex_intro_content_icon" />
					</div>
				</div>
			</div>
			<div class="rentindex_begin">房车租赁，只需三步</div>
			<div class="rentindex_three">
				<div class="center-block rentindex_three_center clearfix">
					<div class="rentindex_three_center_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_three_stepone.png" alt="stepone" class="img-responsive rentindex_three_center_icon_posi" /></div>
					<div class="rentindex_three_center_connect"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_three_stepconnect.png" alt="" class="img-responsive rentindex_three_center_connect_posi" /></div>
					<div class="rentindex_three_center_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_three_steptwo.png" alt="" class="img-responsive rentindex_three_center_icon_posi" /></div>
					<div class="rentindex_three_center_connect"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_three_stepconnect.png" alt="" class="img-responsive rentindex_three_center_connect_posi" /></div>
					<div class="rentindex_three_center_icon"><img src="${pageContext.request.contextPath}/static/pcsofangche/rent/rentindex/img/rentindex_three_stepthree.png" alt="" class="img-responsive rentindex_three_center_icon_posi" /></div>
				</div>
				<div class="center-block rentindex_three_center clearfix">
					<div class="rentindex_three_center_icon">下单</div>
					<div class="rentindex_three_center_connect"></div>
					<div class="rentindex_three_center_icon">确认</div>
					<div class="rentindex_three_center_connect"></div>
					<div class="rentindex_three_center_icon">出行</div>
				</div>
			</div>
		</div>
		<div class="rentindex_foot"><jsp:include page="../../common/allfoot/allfoot.jsp"></jsp:include></div>
		<div class="rentindex_slide"><jsp:include page="../../common/allside/allside.jsp"></jsp:include></div>
		<c:forEach items="${startDate}" var="item">
			<input class="hidden" id="startDate" value="${item}">
		</c:forEach>
		<c:forEach items="${endDate}" var="item">
			<input class="hidden" id="endDate" value="${item}">
		</c:forEach>
		